// vue.config.js
const path = require('path')
const lessPath = path.join(__dirname, 'src/theme/theme.less')
module.exports = {
  // 设置publicPath为''或者'./'则生成的文件将可以通过file协议直接打开，而无需部署在服务器上
  // 默认值是'/'这种是专为服务器部署而去打包的设置
  publicPath: '',
  devServer: {
    port: 80
  },
  css: {
    loaderOptions: {
      less: {
        // 若 less-loader 版本小于 6.0，请移除 lessOptions 这一级，直接配置选项。
        modifyVars: {
          // 直接覆盖变量
          // 'nav-bar-background-color': '#007bff;',
          // 'nav-bar-title-text-color': '#fff'
          // 或者可以通过 less 文件覆盖（文件路径为绝对路径）
          hack: `true; @import "${lessPath}" ;`
        }
      }
    }
  }
}
